require(['./config'],()=>{
    require(['template','header'],(header)=>{
           class Register{
               constructor(){
                   this.register()
               }
               //注册方法
               register(){
                  $('.login-button').on('click',function(){
                    const username = $('#username').val(),
                          password = $('#password').val()
                    console.log(username,password)
                  //点击注册 获取input的值 判断是否有值 有的话 是否有跟这条一样名字的 有的话 让他换个名字再来注册
                  //没有的话 给他注册成功。没有值得话  存进去 （这个数据放进一个数组 再以字符串形式存进去）
                  let userinfo = localStorage.getItem('userinfo')
                  //有值 把值取出来 放进数组 先找有么有跟这个一样的 有的话 告诉用户 已被注册，没的话 push进数组 接着存localStorage
                  if(userinfo){
                      //转成json数组 方便 寻找 some()
                      userinfo = JSON.parse(userinfo)
                      console.log(userinfo)
                     const isExist = userinfo.some((person,index)=>{
                          return person.username===username
                      })
                      //说明这个用户名已经被注册
                      if(isExist){
                             alert('该用户名已被注册，请换一个名字再注册')
                      }
                      //这个用户名没有被注册 则注册 push 进数组 再重新存localstorage
                      else{
                         userinfo.push({ username,password })
                         alert('恭喜宁，注册成功!请点击登录按钮重新登录')
                       
                          //定时器 1s后自动跳回首页 首页 不应该显示登录注册了 显示用户名字 欢迎他才对
                    setTimeout(function(){
                    history.go(-1)
                    },1000)
                    // header.changeHead()
                      }
                      //重新存localStorage
                      localStorage.setItem('userinfo', JSON.stringify(userinfo))
                  }
                  //没有值  是一条都没有 放进数组 存进去 以后注册存其他的 就Push进数组 存 就不会覆盖了
                  else{
                    // const username = $('#username').val(),
                    // password = $('#password').val()
                    //获取数据成功 接下来 存起来
                    // console.log(username,password)
                    //把数据存localStorage 就像购物车那样 依然会覆盖 还是用存数组思想。之前不是存的数组 得加[] 
                    localStorage.setItem('userinfo',JSON.stringify([{ username,password }]))
                    //告诉用户注册成功
                    alert('恭喜宁，注册成功!点击确定!1s后自动回到上一页...')
                    //定时器 1s后自动跳回首页 首页 不应该显示登录注册了 显示用户名字 欢迎他才对
                    // setTimeout(function(){
                    // history.go(-1)
                    // },1000)
                  }
                //   const username = $('#username').val(),
                //         password = $('#password').val()
                //   //获取数据成功 接下来 存起来
                //   console.log(username,password)
                //   //把数据存localStorage 就像购物车那样 依然会覆盖 还是用数组思想。
                //   localStorage.setItem('userinfo',JSON.stringify({ username,password }))
                //   //告诉用户注册成功
                //   alert('恭喜宁，注册成功!点击确定!1s后自动回到上一页...')
                //   //定时器 1s后自动跳回首页 首页 不应该显示登录注册了 显示用户名字 欢迎他才对
                //   setTimeout(function(){
                //   history.go(-1)
                //   },1000)
              })
                       
               }
           }
           return new Register()
    })
})